大家好！我是從韓文領域不務正業到軟體產業的文科少女，目前仍然在前端的世界緩慢地努力中。先自首自己是懶鬼，第一篇直接用了上次參賽的標題改了，不過這次參賽還一樣也有很明確的目標。這次再次參加鐵人賽，目的是希望自己能對目前正在碰的 Next.js 這套框架，有更深一層的了解，跟上次一樣，也是希望自己不要只是會傻傻地用，而是能因為熟悉框架，而能更靈活且優雅地處理各種問題和情境。

為什麼要從 React 學 Next？

會以「從 React 學 Next」為主題除了是因為 Next 是基於 React 的框架外，還有一個原因是自己原本只是單純的寫 React，但近期的工作中，卻都持續接觸用 Next 寫的框架。雖然 Next 是 React 延伸出來的框架，但是如果要好好使用，不只是單純使用 CSR 的內容，其實以我自己目前的體感來說，感覺是非常不足的，當然網路資源很方便，還是可以透過看官網文件及查資料來解決一些情況，但是還是希望自己在處理像是 SSR 的使用時，能更得心應手，也能反應更快應對，所以希望自己從 React 為出發點，下去更深入地了解 Next 這套框架。

由於這次的男主角從上次參賽的 React 變成 Next 了，所以雖然還是會帶到 React 的一些內容，但是更多還是會著墨在 Next 相關的內容上，也就是說對於 React 的一些寫法及原理就不會多說了，畢竟男主角已經不是他了啊！該讓把 C 位讓給 Next 囉！

看文件把用法湊出來就好啦！為什麼還需要真的懂呢？

雖然自己在前端領域還是很菜，但也是因為這個緣故，所以更需要讓自己從只會把解法湊出來的程度，進步到可以真正懂，懂到在遇到更多使用情境時，能更快地反應出可以處理的方式。加上前一次參賽往這個真的懂的方向去學習，對於自己來說真的幫助很多，所以這次也想用相同的目標去做深入的學習。

這次一樣也是想跟大家說～如果你也是一位已經不是超級新手，但還卡在新手階段的人，很歡迎你一起往「不要只會用，還要真的懂」的方向下去學習。這個目標的學習，雖然過程可能會有點辛苦，但是只要堅持下去，收獲到的結果可是會超乎預期的喔！

誰適合一起從這個方向開始學 Next.js？

雖然 Next.js 是基於 React 的一套框架，但是這次並不會深入說明 React 的一些使用方式及原理，所以會比較適合使用過 React 的人，這樣在從 React 切入 Next 的時候，也能更快有感覺到它們彼此間的差異，也比較不會卡在一些 React 基本的用法及原理上。

預計學習內容

主要會以下述這三個部分為主：

• 基本入門及原理
• Router 結構與應用 (包含 Page Router 和 App Router)
• 其他部分(預計提到優化用法、SEO 相關，以及淺談全端應用）

使用的版本

React 以 React 18 以上的版本為基準，Next 則是以官方最新的 Next.js 15 版本為主。

這次雖然是小女子我第二次鼓起勇氣參與鐵人賽，還是希望各位前輩大大們可以多多給我一些指教：）